<template>
 <div>
<hr/>
  <FooterBar :list="list" bg="pink"></FooterBar>
  <FooterBar :list="list" bg="pink"></FooterBar>
  <FooterBar :list="list" bg="green"></FooterBar>
  <FooterBar :list="list" bg="yellow" fixed></FooterBar>
 </div>
</template>
<script>
export default{
    name:'',
    data () {
        return {
          list:[
            {
              id:1,name:'首页'
            },
            {
              id:2,name:'消息'
            },
            {
              id:3,name:'朋友圈'
            },
            {
              id:4,name:'我的'
            }
          ]
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
    }
}
</script>
<style lang='less'  scoped>
 
</style>